<template>
	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li><a href="javascript:history.go(-1)"><i class="iconfont">&#xe61e;</i></a></li>
				<li><p>我的银行卡</p></li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">
			
		</div>
		<div class="my_card" v-for="i in 10" >
			<ul class="card_type" @click="select(i)">
				<li>
					<div><img src="@/assets/img/jianhang-01.png" width="100%"></div>
				</li>
				<li>
					<p class="col-w">建设银行</p>
					<p class="col-w">储蓄卡</p>
					<p class="col-w">****&nbsp;&nbsp;****&nbsp;&nbsp;****&nbsp;&nbsp;5637</p>
				</li>
				<li  v-show="index==i">
					<i class="iconfont col-r1">&#xe640;</i>
				</li>
			</ul>
		</div>
		<div class="add_card">
			<router-link to="addcard"><input type="button" value="+添加银行卡" class="col-green" /></router-link>
			<router-link to="creditcard"><input type="button" value="申请信用卡"  class="register_submit" /></router-link>
		</div>
	</body>
</template>

<script>
	export default {
	  data(){
	  	return{
	  		index:1
	  	}
	  },
	  created() {
  			const i = localStorage.getItem("aa")
  			this.index = i
  		},
  		methods: {
  			select(i) {
  				this.index = i
  				localStorage.setItem("aa", i)
  			}
  		}
	}
</script>

<style>
</style>